<template>
    <div class="car">
        <Header title="购物车" :edit="true"/>
        <div class="content">
            <CarDetails v-if="store.state.cartList.length" />
            <blank v-else></blank>
        </div>
        <Footer></Footer>
    </div>
</template>
<script >
import { defineComponent } from 'vue';
import Footer from '../../components/Footer.vue';
import Header from "../../components/Store_header.vue";
import blank from '../../components/Blank.vue';
import CarDetails from './components/CarDetails.vue';
import { useStore } from 'vuex';
export default defineComponent({
    name:'car',
    components:{
        Footer,
        Header,
        blank,
        CarDetails
    },
    setup(){
        const store = useStore();
        return{
            store
        }
    }
    
})
</script>
<style lang="less" scoped>
.car{
    display: flex;
    flex-flow: column;
    height: 100%;
    .content{
        flex: 1;
        overflow-y: auto;
    }
}
    
</style>